<template>
  <a-modal :maskClosable="false" title="复制文章链接教程" centered :width="1000" v-model="visible">
    <div class="fz-18 fw-6">第一步：登录微信公众号后台，找到”发表记录“；</div>
    <div class="fz-18 fw-6">第二步：鼠标移到想要关联的已发布的公众号文章上面；</div>
    <div class="fz-18 fw-6">第三步：点击右边的”...“按钮，在弹出的选项中点击复制链接即可复制链接；</div>
    <img
      src="https://hb-saas.obs.cn-south-1.myhuaweicloud.com/obs/20230809/18cf574872b94a90b27a1d54f2877cd8.png"
      alt=""
      style="width: 100%"
    />
    <template slot="footer">
      <a-button type="primary" @click="closeModal">知道了</a-button>
    </template>
  </a-modal>
</template>
<script>
export default {
  data() {
    return {
      visible: false,
    }
  },
  methods: {
    openModal() {
      this.visible = true
    },
    closeModal() {
      this.visible = false
    },
  },
}
</script>